<script setup lang="ts">
import { reactive} from 'vue'
// 1.自当推导 推断出user类型为 { name: string, age: number }
const user1 = reactive({
  name: 'chaichai',
  age: 18
})
user1.name = 'new name' // ok
// user.name = 100 //不能将类型“number”分配给类型“string”。

//泛型显示指定类型。 和ref函数不同，reactive不推荐使用泛型参数的方式，显式标注类型直接标注给变量即可
type User = {
  name:string,
  age:number,
  gender?:string
}
const user2: User = reactive({
  name: 'chaichai',
  age: 18
})
user2.age = 20 // ok
user2.gender = 'man' // ok
</script>

<template>
  
</template>

